<!DOCTYPE html>
<!-- saved from url=(0037)http://127.0.0.1/wx/ybss/zhuce/zc.jsp -->
<html class="pixel-ratio-1"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <title>功能权限</title>

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no, email=no">
  

  <script src="../resource/jquery1.js"></script>
  <script src="../script/api.js"></script>

  <script>

   
  </script>

  <style>
   body {
    overflow-x:hidden;
    margin: 0;
   }
   html {
    overflow-x:hidden;
   }
   .odiv{
   display:table;
   background:#fff;
   width:100%;
   padding:5px;
   border-top:3px solid #E1E1E1; 
   border-bottom:3px solid #E1E1E1;
   }
   .idiv{
   float: left;
   font-size:15px;
   margin-left: 10px;
   height:32px;
   line-height:32px;
   }
   .al-toggle-button{
        appearance: none;
        -webkit-appearance: none;
        position: relative;
        width: 52px;
        height: 32px;
        background: #dfdfdf;
        border-radius: 16px;
        border: 1px solid #dfdfdf;
        outline: 0;
        box-sizing: border-box;
    }
    .al-toggle-button:checked{
        border-color: #04be02;
        background-color: #04be02;
    }
    .al-toggle-button:before, .al-toggle-button:after{
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        height: 30px;
        border-radius: 15px;
        transition: transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transition: -webkit-transform 0.3s;
    }
    .al-toggle-button:before{
        width: 50px;
        background-color: #fdfdfd;
    }
    .al-toggle-button:after{
        width: 30px;
        background-color: white;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    }
    .al-toggle-button:checked:before{
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    .al-toggle-button:checked:after{
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
    }
    .twinkle{
     -webkit-tap-highlight-color:transparent;
   }
  </style>

</head>
<body style="background:url(../image/bj.png) repeat-x 0 80px;background-size:100%">
<div style="height:550px;background:url(../image/mainbg.png) no-repeat right 0 bottom 0%;background-size:80%" >
<div>    
<header id="statusBar">
          <img id="banner1" src="../image/top.png" style="width: 100%;position:relative;">
          </header>
        <div style="width:100%;display:table;background: #fff;height:51px;line-height: 51px;" >
		<div style="" tapmode="presshover" onclick="api.closeWin();">
		<div style="float:left;display: flex;align-items: center;justify-content: center;height:51px;width:8%;">
			<div style="width:60%;">
			 <img style="display:block;width:100%;height:100%;" src="../image/blc_back.png" />
			</div>
			</div>
			<div style="float:left;height:51px;line-height: 51px;">返回
			</div>
			</div>
			 
		<div style="height:51px;line-height: 51px;text-align:center;width:85%;">
		个人设置
		</div>	
		</div>
          <div style="height:20px"></div>
         <div class='odiv' tapmode="presshover" onclick="module();">  
          <div class='idiv'>功能模块</div>
          <div style="float: right;height:32px;line-height:32px;height:100%">
            <img src='../image/timg.png' style="width:60%;vertical-align: middle;"/>
          </div>
          </div>
          
           <div class='odiv'>  
          <div class='idiv'>手势密码</div>
          <div style="float: right;font-size:15px;margin-right:10px;height:32px;line-height:32px;" class="twinkle">
            <input type="checkbox" class="al-toggle-button" id="chartPwd" tapmode="presshover" onclick="openChartPwd();"> 
          </div>
          </div>
          
          <div class='odiv' id="optCp" tapmode="presshover" onclick="optCpwd();" style="display:none;">  
          <div class='idiv'>重置手势密码</div>
          <div style="float: right;height:32px;line-height:32px;height:100%">
            <img src='../image/timg.png' style="width:60%;vertical-align: middle;"/>
          </div>
          </div>
          
          <div class='odiv' id="payPwd" tapmode="presshover" onclick="payPwd();">  
          <div class='idiv'>设置支付密码</div>
          <div style="float: right;height:32px;line-height:32px;height:100%">
            <img src='../image/timg.png' style="width:60%;vertical-align: middle;"/>
          </div>
          </div>
        
          <div class='odiv' id="resetPayPwd" tapmode="presshover" onclick="resetPayPwd();">  
          <div class='idiv'>修改支付密码</div>
          <div style="float: right;height:32px;line-height:32px;height:100%">
            <img src='../image/timg.png' style="width:60%;vertical-align: middle;"/>
          </div>
          </div>
</div>
<script>
       function payPwd(){
          api.openWin({
	         name: 'payPwd',
	         url: 'addzfbh.html'
         });
       }
       
       function resetPayPwd(){
          api.openWin({
	         name: 'resetPayPwd',
	         url: 'zfbhedit.html'
         });
       }
       
       function optCpwd(){
         api.openWin({
	         name: 'reChartLock',
	         url: 'reChartLock.html'
         });
       }

       function openChartPwd(){
          if($("input[id='chartPwd']").is(':checked') == false){
             $api.setStorage("chartPwd",true);
             if(typeof($api.getStorage($api.getStorage('dl_phone')+'CHART')) == "undefined"){
	             api.openWin({
			           name: 'setChartLock',
			           url: 'setChartLock.html'
		          });
	         }else{
	             $("#optCp").show();
	         }
          }else{
             $("#optCp").hide();
             $api.setStorage("chartPwd",false);
          }
       }
	    

       function module(){
          api.openWin({
	          name: 'module',
	          url: 'module.html'
          });
       }
	    
	
	apiready = function(){
	    api.parseTapmode();
	    if(api.systemType == "ios"){
           document.getElementById("statusBar").style.background = "#298cb4";
        }
	    $api.fixStatusBar( $api.dom('header') );
	    api.addEventListener({
			name: 'reloadUIedit'
		}, function(ret, err) {
			window.location.reload();
		});
	  if($api.getStorage("chartPwd") == true || $api.getStorage("chartPwd") == "true")
	  {
	      document.getElementById("chartPwd").checked = true;
	      $("#optCp").show();
	   }
	  if(parseInt($api.getStorage("payPwd")) == 1){
	    $("#payPwd").hide();
	    $("#resetPayPwd").show();
	  }else{
	     $("#payPwd").show();
	     $("#resetPayPwd").hide();
	  }
	}
</script>
	
</div>
</body></html>